<template>
<div class="row">
<el-button type="text" @click="dialogVisible = true">点击打开 微信支付</el-button>
<el-button type="text" @click="ZFBVisible = true">点击打开 支付宝支付</el-button>
<router-link to="/zfb"  >发送请求给支付宝</router-link>


<el-dialog
  title=""
  :visible.sync="dialogVisible"
  width="26%"
  >
  <!-- <span>这是一段信息</span> -->
  <code-dialog></code-dialog>
</el-dialog>

<el-dialog
  title=""
  :visible.sync="dialogVisible"
  width="495px">
  

  <wx-mode></wx-mode>
</el-dialog>

<el-dialog
  title=""
  :visible.sync="ZFBVisible"
  width="495px"
>

  <zfb-mode></zfb-mode>
</el-dialog>

</div>

</template>

<script>

import WxMode from './WxMode.vue';
import ZfbMode from './ZfbMode.vue';

  export default {
    components:{ZfbMode, WxMode},
    data() {
      return {
        dialogVisible: false,
        ZFBVisible:false  
      };
    },
   
    mounted(){
       
    },

    methods:{


    
    }
  };
</script>

<style  scoped>

</style>